<!DOCTYPE html>
<html lang="en">

<head>

    <!-- Basic -->
    <meta charset="UTF-8"/>

    <title>home</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>
    <link href="css/skycons.css" rel="stylesheet" />
    <link href="css/font-awesome.min.css" rel="stylesheet" />
    <link href="css/pace.preloader.css" rel="stylesheet" />
    <link href="css/jquery.mmenu.css" rel="stylesheet" />

</head>

<body>
<!--头部开始-->
<div class="navbar" role="navigation">
    <div class="container-fluid container-nav">
        <!-- 顶部小图标 -->
        <ul class="nav navbar-nav navbar-actions navbar-left">
            <li class="visible-md visible-lg"><a href="#" id="main-menu-toggle"><i class="fa fa-th-large" style="color: #ed9c28"></i></a></li>
            <li class="visible-xs visible-sm"><a href="#" id="sidebar-menu"><i class="fa fa-navicon"></i></a></li>
        </ul>


        <!-- 头部右边-->
        <div class="navbar-right">
            <!-- 三个小图标 -->
            <ul class="notifications hidden-xs">
                <li>
                    <a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
                        <i class="fa fa-tasks"></i>
                    </a>
                </li>
                <li>
                    <a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
                        <i class="fa fa-envelope"></i>
                    </a>
                </li>
                <li>
                    <a href="#" class="dropdown-toggle notification-icon" data-toggle="dropdown">
                        <i class="fa fa-bell"></i>
                    </a>
                </li>
            </ul>

            <!-- 用户名 -->
            <div class="userbox">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <div class="profile-info">
                        <span class="name">Tiffany</span>
                        <span class="role"><i class="fa fa-circle bk-fg-success"></i> 管理员</span>
                    </div>
                    <i class="fa custom-caret"></i>
                </a>
                <!--下拉-->
                <div class="dropdown-menu">
                    <ul class="list-unstyled">
                        <li class="dropdown-menu-header bk-bg-white bk-margin-top-15">
                        </li>
                        <li><a href="new2.html"><i class="fa fa-wrench"></i>设置</a></li>
                        <li><a href="login2.html"><i class="fa fa-power-off"></i> 注销</a></li>
                    </ul>
                </div>
            </div>

        </div>

    </div>
</div>


<!-- 导航 -->
<div class="container-fluid content">
    <div class="row">
        <!-- Sidebar -->
        <div class="sidebar">
            <div class="sidebar-collapse">
                <!-- Logo-->
                <div class="sidebar-header">
                    <img src="img/logo1.png" class="img-responsive" alt="" />
                </div>
                <!-- 侧导航-->
                <div class="sidebar-menu">
                    <nav id="menu" class="nav-main" role="navigation">
                        <ul class="nav nav-sidebar">
                            <div class="panel-body text-center">
                                <a href="home.html">
                                    <i class="fa fa-home" aria-hidden="true"></i><span>主页</span>
                                </a>
                            </div>

                            <li class="nav-parent in" >
                                <a>
                                    <i class="fa fa-copy" aria-hidden="true"></i><span>员工管理</span>
                                </a>
                                <ul class="nav nav-children">
                                    <li><a href="new.html"><span class="text"> 修改信息</span></a></li>
                                    <li><a href="new2.html"><span class="text"> 2</span></a></li>
                                    <li><a href="#"><span class="text"> 3</span></a></li>
                                </ul>
                            </li>
                            <li class="nav-parent">
                                <a>
                                    <i class="fa fa-tasks" aria-hidden="true"></i><span>周报</span>
                                </a>
                                <ul class="nav nav-children">
                                    <li><a href="#"><span class="text"> 项目</span></a></li>
                                    <li><a href="#"><span class="text"> 计划</span></a></li>
                                    <li><a href="#"><span class="text"> 进度</span></a></li>
                                </ul>
                            </li>
                            <li class="nav-parent">
                                <a>
                                    <i class="fa fa-list-alt" aria-hidden="true"></i><span>考勤</span>
                                </a>
                                <ul class="nav nav-children">
                                    <li><a href="#"><span class="text"> 1</span></a></li>
                                    <li><a href="#"><span class="text"> 2</span></a></li>
                                    <li><a href="#"><span class="text"> 3</span></a></li>
                                </ul>
                            </li>
                            <li class="nav-parent">
                                <a>
                                    <i class="fa fa-table" aria-hidden="true"></i><span>候选人管理</span>
                                </a>
                                <ul class="nav nav-children">
                                    <li><a href="#"><span class="text"> 1</span></a></li>
                                    <li><a href="#"><span class="text"> 2</span></a></li>
                                    <li><a href="#"><span class="text"> 3</span></a></li>

                                </ul>
                            </li>
                            <li class="nav-parent">
                                <a>
                                    <i class="fa fa-random" aria-hidden="true"></i><span>权限管理</span>
                                </a>
                                <ul class="nav nav-children">
                                    <li><a href="#"><span class="text"> 角色管理</span></a></li>
                                    <li><a href="#"><span class="text"> 权限设置</span></a></li>
                                    <li><a href="#"><span class="text"> 哈哈</span></a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
                <!-- 导航结束-->
            </div>
            <div class="sidebar-footer"></div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<!--内容页-->
<div class="main">

    <!--内容页头部-->
    <div class="page-header">
        <div class="pull-left">
            <ol class="breadcrumb visible-sm visible-md visible-lg">
                <li><a href="home.html"><i class="icon fa fa-home"></i>主页</a></li>
                <li class="active"><i class="fa fa-pencil"></i>基本信息</li>
            </ol>
        </div>
        <div class="pull-right">
            <h2>主页</h2>
        </div>
    </div>
    <form action="" class="search1">
        <input type="text" placeholder="按应聘职位搜索..." >
        <input type="text" placeholder="按电话搜索...">
        <input type="text" placeholder="按性别搜索...">
        <input type="text" placeholder="按结果搜索...">

    </form>
    <form action="" class="search2">
        <input class="sang_Calender" type="text" placeholder="按开始时间搜索..." >
        <input class="sang_Calender" type="text" placeholder="按结束时间搜索...">
        <button type="submit" class="one"><span class="fa fa-search"></span></button>
        <button type="submit" class="two btn btn-primary">添加</button>
    </form>
<!--表格-->
    <div class="well">

        <table class="table" id="now">
            <thead>
            <tr>
                <th class="vv">#</th>
                <th class="v">用户名</th>
                <th class="v">应聘职位</th>
                <th class="v">性别</th>
                <th class="v">生日</th>
                <th class="v">年龄</th>
                <th class="v">电话</th>
                <th class="v">学历</th>
                <th class="v">工作经验</th>
                <th class="v">颜值</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <td>1</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>2</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>3</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>4</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>5</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>6</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>7</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>8</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>9</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>

            <tr>
                <td>10</td>
                <td>Jessica</td>
                <td>java实习生</td>
                <td>女</td>
                <td>1989.04.18</td>
                <td>28</td>
                <td>18300009999</td>
                <td>本科</td>
                <td>一年</td>
                <td>合格</td>
                <td>
                    <a href="#"><i class="fa fa-pencil"></i></a></td>
                <td><a href="#" role="button" data-toggle="modal"><i class="fa fa-times"></i></a>
                </td>
            </tr>



            </tbody>
        </table>
    </div>
<!--分页符-->
    <ul class="pagination">
        <li><a href="#">&laquo;</a></li>
        <li class="active"><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">&raquo;</a></li>
    </ul>


</div>


<!--<script src="js/jquery-2.1.1.min.js"></script>-->
<!--<script src="js/bootstrap.min.js"></script>-->
<!--<script src="js/core.min.js"></script>-->
<!--<script src="/js/jquery.mmenu.min.js"></script>-->
<!--<script type="text/javascript" src="js/datetime.js"></script>-->

<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/core.min.js"></script>
<script src="js/jquery.mmenu.min.js"></script>
<script type="text/javascript" src="js/datetime.js"></script>

</body>
</html>